<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <style>
        *{
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

        .header{
           
            height: 95px;
            margin: 0px auto; 
        }
        .header h1{
            float: left;
            margin-left: 174px;
            margin-top: 32px;
        }
        .header p{
            float: right;
            margin-top: 36px;
            margin-right: 26px;
            position: relative;
            color: #ff6600;
        }
        .header p img{
            position: absolute;
            top: 5px;
            right: 4px;
        }
        .header input{
            height: 26px;
            width: 230px;
        }
        
        .nav{
            height: 66px;
            background: #ff6600;
        }
        .nav .one{
            float: left;
            margin-left: 266px;
            margin-top: 23px;
            color: #fff5ff;
        }
        .nav .two,.three,.four{
            float: left;
            margin-left: 142px;
            margin-top: 23px;
            color: #fff5ff;
        }
        .banner img{
            display: block;
            margin: 0px auto;
            
        }
        .footer{
            height: 395px;
            background: #ff6600;
        }
    
        .footer p{
            text-align: center;
            font-size:12px;
            margin-top: 20px;
            color: #ffffff;

        }
        .footer .top{
            width: 957px;
            margin: 0px auto;
            overflow: hidden;
            padding:60px 0px 100px;
            border-bottom:1px solid #ffffff;
        }
        .footer h2{
            float: left;
            margin-right: 20px;
        }
        .footer dl{
            float: left;
            width: 183px;
            color: #fff5ff;
        }
    
    </style>
    <body>
        <div class="header">
            
            <h1><img src="logo_header.png" alt=""></h1>
                <p>简</p>
                <p>阿里巴巴集团相关平台</p>
                <p>
                    <img src="search.png" alt="">
                    <input type="text" placeholder="搜寻阿里巴巴集团" >
                </p>
               
        </div>
            
        
        <div class="nav">
            <ul>
                <li class="one">关于我们<img src="down1.png" alt=""></li>
                <li class="two">投资者关系<img src="down1.png" alt=""></li>
                <li class="three">新闻及媒体资源<img src="down1.png" alt=""></li>
                <li class="four">联系我们<img src="down1.png" alt=""></li>
            </ul>
        </div>
        <div class="banner">
            <img src="home_banner_3.png" alt="">
        </div>
        <div class="footer">
            <div class="top">
                <h2>
                    <img src="logo_footer.png" alt="">
                </h2>
                <dl>
                    <dt>关于我们</dt>
                    <dd>公司简介</dd>
                    <dd>业务范畴</dd>
                    <dd>历史及里程碑</dd>
                    <dd>领导团队</dd>
                    <dd>文化和价值观</dd>
                    <dd>可持续发展</dd>
                    <dd>诚信合规</dd>
                    <dd>常见问题</dd>
                </dl>
                <dl>
                    <dt>投资者关系</dt>
                    <dd>投资者关系主页</dd>
                    <dd>投资者新闻及活动</dd>
                    <dd>投资者日</dd>
                    <dd>年度股东大会</dd>
                    <dd>季度业绩</dd>
                    <dd>美国证交会公告</dd>
                    <dd>公司治理</dd>
                </dl>
                <dl>
                    <dt>新闻及媒体资源</dt>
                    <dd>新闻发布</dd>
                    <dd>Alizila 新闻网站</dd>
                    <dd>媒体报导</dd>
                    <dd>视频</dd>
                    <dd>媒体资料库</dd>
                    <dd>社交媒体</dd>
                </dl>
                <dl>
                    <dt>联系我们</dt>
                    <dd>办公地点</dd>
                    <dd>投资者联系</dd>
                    <dd>媒体联系</dd>
                    <dd>客户联系</dd>
                    <dd>执法部门合规指南</dd>
                    <dd>知识产权保障</dd>
                </dl>
            </div>
            <p>加入我们 |  免责声明 |  私隱政策 |  版权公告  © 1999-2016 阿里巴巴集团控股有限公司及／或其关联公司及特许人。版权所有。</p>
        </div>
           
 
        </footer> 
            
        
        
           
        
    </body>
</html>